---
layout: default
title: HP goes FE
---

{% include sidebar.html %}

<section class="wrapper">
  <div class="wrapper-container">
    <section class="post-list">
      {% for post in paginator.posts %}
      <article itemscope itemtype="http://schema.org/BlogPosting" role="article" class="post-item {% if post.is_draft %}draft{% endif %}">
          <header class="post-item-header">
            <h2 itemprop="name" class="post-item-title">
              <a href="{{post.url}}" itemprop="url" data-pjax title="{{post.title}}">
                {{ post.title }}
              </a>
            </h2>
          </header>
          {% if post.feature_qimage %}
            <section class="post-item-banner">
              {% qimage {{ post.feature_qimage }} %}"
            </section>
          {% elsif post.feature_image %}
            <section class="post-item-banner">
              <img src="{{post.feature_image}}" alt="post.title">
            </section>
          {% endif %}
          <section itemprop="description" class="post-item-excerpt">
            {% if post.summary %}
              <p>{{ post.summary }}&hellip;</p>
            {% elsif post.no_summary %}
              <p>{{ post.content }}</p>
            {% else %}
              <p>{{ post.excerpt }}&hellip;</p>
            {% endif %}
          </section>
          <footer class="post-item-footer">
            <ul class="post-item-meta-list">
              <li class="post-item-meta-item">
                <time datetime="{{ post.date | date_to_string }}" itemprop="datePublished">
                  {{ post.date | date_to_string }}
                </time>
              </li>
              {% if post.tags %}
                <li class="post-item-meta-item">
                  {% for tag in post.tags %}
                    <a href="/tag/{{tag}}"><span class="tag">{{tag}}</span></a>
									{% endfor %}
                </li>
              {% endif %}
            </ul>
          </footer>
        </article>
      {% endfor %}
    </section>

		<!-- Pagination links -->
		<div class="pagination">
		  {% if paginator.previous_page %}
		    {% if paginator.page == 2 %}
		      <a href="/" class="older" data-pjax><i class="fa fa-chevron-left"></i></a>
		    {% else %}
		      <a href="/page{{paginator.previous_page}}" class="older" data-pjax><i class="fa fa-chevron-left"></i></a>
		    {% endif %}
		  {% else %}
        <span class="next disabled"><i class="fa fa-chevron-left"></i></span>
		  {% endif %}
        <span class="current">{{paginator.page}}/{{paginator.total_pages}}</span>
		  {% if paginator.next_page %}
        <a href="/page{{paginator.next_page}}" class="newer" data-pjax><i class="fa fa-chevron-right"></i></a>
		  {% else %}
		    <span class="previous disabled"><i class="fa fa-chevron-right"></i></span>
		  {% endif %}

		</div>

  </div>
</section>

